@font-face {
 font-family: 'helvetica';
 src: url(../type/HelveticaWorld-Regular.otf);	
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Rockwell';
 src: url(../type/Rockwell.otf); 
}
body {
	background: #fff;
	color: #474545;
	font-size: 13px;
	line-height: 20px;
	font-family: 'helvetica';
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
#wrapper_out {
	min-width: 1280px;
}
#wrapper {
	min-width: 1175px;
}
#container {
	background: url(../images/bg_visual.gif) repeat-x left top;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	z-index: 15;
}
#signup {
	background: url(../images/bg-signup.jpg) no-repeat;
	width: 1280px;
	margin: 0 auto;
	height: 728px;
	position: relative;
}
#topbar_home {
	background: #fff;
	height: 74px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#topbar_home h1 {	
	z-index: 6;
	height: 55px;
	width: 180px;
	float: left;
	display: inline;
	margin: 5px 0 0 10px;
}
#topbar_home h1 a {
	background: url(../images/logo-plunasia.gif) no-repeat;
	display: block;
	height: 55px;
	width: 180px;
	text-indent: -9999px;
}
ul.Language {
	width: 160px;
	height: 17px;
	float: left;
	margin: 4px 0 0 5px;
}
ul.Language li {
	list-style-type: none;
	float: left;	
	height: 17px;
	margin: 0 2px 0 0;
}
ul.Language li span {
	width: 26px;
	float: left;
}
ul.Language li a:link, ul.Language li a:visited {
	color: #161515;
	text-decoration: none;
	display: block;
	height: 17px;
	font-size: 11px;
	float: left;
	padding: 0 0 0 2px;
}
ul.Language li a:hover {
	color: #834eae;
	text-decoration: none;
}
#container #download {
	left: 0;
	position: absolute;
	top: 87px;
	width: 230px;
	z-index: 10;
}
#header {
	height: 620px;
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
	z-index: 100;
	position: relative;
	float: left;
}
#boxEvent {
	width: 1280px;
	height: 620px;
	position: relative;	
}
.TotalUser {
	background: url(../images/bg-number.png) no-repeat;	
	width: 153px;
	height: 470px;
	z-index: 50;
	padding: 150px 0 0 30px;
	float: right;
}
.TotalUser ul li {
	text-align: center;
	list-style-type: none;
	width: 125px;
	height: 55px;
	float: left;
	color: #5a0c96;
	font-family: 'helvetica';
	font-weight: bold;
	font-size: 40px;
	text-shadow: 2px 2px #747474;
	margin: 0 0 30px;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #fff;
   line-height: 40px;
}
.TotalUser ul li.Text01 {
	margin: 55px 0 0;
}
.TotalUser ul li.Text02 {
	margin: 60px 0 0;
}
.WraperBlockNews {
	float: left;
	position: relative;
}
#main {
	background: url(../images/bg-content-loop.gif) repeat-x left top;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 10;
}
#sidebar {
	float: left;
	overflow: hidden;
	padding-top: 20px;
	width: 220px;
}
#col-1 {
	float: left;
	overflow: hidden;
	width: 420px;
	display: inline;
}
#col-2 {
	float: left;
	overflow: hidden;
	width: 318px;
	display: inline;
}
#col-3 {
	float: left;
	overflow: hidden;
	width: 495px;
	display: inline;
}
#col-1 h2 {
	text-align: right;
	padding: 10px 25px 8px 0;
}
#col-2 h2 {
	text-align: right;
	padding: 10px 25px 8px 0;
}
#col-3 h2 {
	text-align: right;
	padding: 10px 225px 8px 0;
}
#sidebarContent {
	float: left;
	overflow: hidden;
	width: 490px;
	margin: 0 0 0 10px;
}
#main #mainContent {
	color: #040202;	
}
.Section {
	width: 1280px;
	overflow: hidden;
	margin: 0 auto;	
}
#footer_out {
	background: url(../images/bg-loop.gif) repeat-x left bottom;
	width: 100%;
}
.BgFooter {
	height: 72px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 1200px;
}
.BgFooter .MenuFooter {
	width: 1000px;
	float: left;
	position: relative;
}
.BgFooter .MenuFooter ul.ListMenu {
	width: 660px;
	position: absolute;
	left: 125px;
	top: 10px;
}
.BgFooter .MenuFooter ul.ListMenu li {
	list-style-type: none;
	margin: 0 5px;
	float: left;
}
.BgFooter .MenuFooter ul.ListMenu li.LineMenu {
	background: url(../images/line-menu.gif) no-repeat 0 5px;
	width: 3px;
	height: 17px;
}
.BgFooter .MenuFooter ul.ListMenu li a:link, .BgFooter .MenuFooter ul.ListMenu li a:visited {
	font-weight: bold;
	color: #282728;
	text-decoration: none;
}
.BgFooter .MenuFooter ul.ListMenu li a:hover {
	text-decoration: underline;
}
.BgFooter .Share {	
	background: url(../images/followup.gif) no-repeat;
	width: 140px;
	height: 72px;
	position: absolute;
	right: 35px;
	top: 0;
}
.BgFooter .Share ul li {
	list-style-type: none;
	float: left;
	width: 46px;	
}
.BgFooter .Share ul li a:link, .BgFooter .Share ul li a:visited, .BgFooter .Share ul li a:hover {
	text-indent: -9999px;
	display: block;
	width: 46px;
	height: 72px;
}
.Copyright {	
	left: 235px;
	top: 27px;
	position: absolute;
	z-index: 20;
	text-transform: uppercase;
	font-weight: bold;
	color: #282728;
}
.TextWarning {
	font-weight: bold;
	font-style: italic;
	left: 160px;
	top: 42px;
	position: absolute;
	color: #282728;
}
.BlockMember {
	width: 419px;
	overflow: hidden;
	float: left;
	border-right: 1px solid #b2b2b2;
}
.BlockMember ul.Member {
	background: url(../images/bg-tabmember.gif) no-repeat 0 0;
	height: 19px;
	width: 419px;
	overflow: hidden;	
}
.BlockMember ul.Member li {
	float: right;
	color: #060404;
	font-weight: bold;
}
.BlockMember ul.Member li a:link, .BlockMember ul.Member li a:visited {
	width: 160px;
	height: 19px;
	display: block;	
	color: #060404;
	float: right;	
	text-indent: -9999px;
}
.BlockMember ul.Member li a:hover, .BlockMember ul.Member li.Active a, .BlockMember ul.Member li.Active a:hover {
	color: #520f7a;
	text-decoration: none;
}
.BlockMember .PluginFB {
	border-top: none;
	width: 365px;
	height: 370px;
	overflow: hidden;
	float: right;
	margin: 9px 28px 0 0;
}
ul.ListMember {
	width: 100%;
	overflow: hidden;
	float: right;
}
ul.ListMember li {
	list-style-type: none;
	width: 80px;
	height: 80px;
	margin: 0 0 5px 5px;
	float: right;
}
a.ViewMore:link, a.ViewMore:visited {
	width: 115px;
	display: block;
	overflow: hidden;
	float: right;
	color: #474545;
	font-style: italic;
}
a.ViewMore:hover {
	text-decoration: underline;
}
.Events {
	border-right: 1px solid #b2b2b2;
	width: 317px;
	overflow: hidden;
}
ul.ListEvents {
	clear: both;	
	overflow: hidden;
	padding: 8px 10px 0 25px ;
	width: 281px;
}
ul.ListEvents li {
	clear: both;
	overflow: hidden;
	padding: 0;
	height: 30px;
	background: none;
	height: 90px;
}
ul.ListEvents li a:link,  ul.ListEvents li a:visited {
	display: block;
	padding: 4px 0 2px 13px;
	color: #2e2d2b;
	height: 19px;
	text-decoration: none;
}
ul.ListEvents li a:hover {
	color: #036794;
	text-decoration: none;
	text-decoration: underline;
}
ul.ListEvents li .DetailEvents {
	overflow: hidden;
	padding: 7px 0 0 0;
	width: 100%;
	position: relative;
}
ul.ListEvents li .DetailEvents .Images {
	float: left;
	width: 126px;
	height: 71px;
	overflow: hidden;
	padding: 0 10px 0 0;	
}
ul.ListEvents li .DetailEvents .Images a {
	width: 126px;
	height: 71px;
	display: block;
	padding: 1px;
	cursor: pointer;	
}
.DetailEvents .Images .BorderNews {
	background: url(../images/bor-news.png) 0 0 no-repeat;
	width: 110px;
	height: 58px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}
ul.ListEvents li .DetailEvents p {
	text-align: left;
	border-bottom: none;
	line-height: 16px;
	text-align: justify;
	font-size: 12px;	
}
ul.ListEvents li .DetailEvents a.ReadOn:link,  ul.ListEvents li .DetailEvents a.ReadOn:visited {
	background: url(../images/readon.gif) 0 0 no-repeat;
	display: inline;	
	padding: 0;		
	text-indent: -9999px;
	width: 42px;
	height: 11px;
	position: absolute;
	right: 0;
	bottom: 0;
}
ul.ListEvents li .DetailEvents .Title {
	text-transform: uppercase;
	font-weight: bold;
}
.Place {
	height: 10px;
	width: 100%;
	float: left;
}
.ISU {
	width: 285px;
	float: left;
}
ul.ListISU {
	width: 250px;
	overflow: hidden;
	margin: 16px 0 0 23px;
}
ul.ListISU li {
	width: 228px;
	height: 74px;
	background: #575757;
	border: 1px solid #6f6f6f;
	margin: 0 0 40px 0;
	color: #f7f4f4;
	padding: 6px 8px 6px 12px;
	position: relative;
	overflow: hidden;
}
ul.ListISU li.Last {
	margin: 0 0 8px;
}
ul.ListISU li p {
	line-height: 14px;
}
ul.ListISU li p.TitleISU {
	font-weight: bold;
	font-size: 13px;
	width: 195px;
	height: 15px;
	overflow: hidden;
}
ul.ListISU li p.DateISU {	
	font-weight: bold;
	font-size: 11px;
}
ul.ListISU li p.AddressISU {
	font-style: italic;
}
ul.ListISU li span {
	position: absolute;
	right: 15px;
	top: 2px;
	width: 22px;
	height: 18px;
}
.AdBanner {
	background: url(../images/bg-adbanner.gif) no-repeat;
	width: 182px;
	height: 362px;
	padding: 0 2px 4px;
	float: left;
	margin: 16px 0 0 24px;
}
